/*主题颜色，然而并不会全局改动的*/
.color-theme {
    color: #009688;
}

.color-bg {
    color: #efeff4;
}

.bg-color {
    background-color: #efeff4;
}

/*去掉navbar与内容的分隔线*/
.navbar:after {
    height: 0;
}

img, a {
    overflow: hidden;
}

/*navbar的页面标题样式*/
html.ios-gt-8 .navbar .center {
    font-weight: 500;
}

/*返回按钮的尺寸,不要返回文字，加大按钮尺寸*/
.navbar .left .icon-back {
    margin: 5px 10px 5px 5px;
}

/*去掉列表上下边距*/
.list-block {
    margin: 0;
}

.content-block {
    margin: 0;
}

/*主页下方工具栏的样式*/
.tab {
    display: inline-block;
    text-align: center;
    align-items: center;
    height: 44px;
    line-height: 44px;
}

.tab span.tabbar-label {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

/*轮播图的样式*/
.swiper-container {
    height: 180px;
}

.swiper-pagination {
    text-align: right;
}

.swiper-pagination-bullet {
    border-radius: 0;
    height: 5px;
}

.swiper-slide a {
    height: 100%;
}

.swiper-slide a img {
    width: 100%;
    height: 100%;
}

/*分割线，带标签的*/
.divider {
    padding: 10px 0;
    align-items: center;
}

.divider div {
    height: 1px;
    background-color: #efeff4;
}

.divider div.deep {
    background-color: #8f8f8f;
}

.divider-line {
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #efeff4;
}

.divider span {
    font-size: 12px;
    color: #9c9c9c;
}

.divider-hor {
    width: 1px;
    height: 100%;
    background-color: #efeff4;
}

.li-divider-15 {
    height: 15px;
    background-color: #efeff4;
}

.text-red {
    color: red;
}

.list-block .li-divider:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

/*切换tab的样式*/
.tab-container {
    width: 100%;
    background-color: white;
    height: 50px;
}

.tab-container a {
    display: inline-block;
    height: 50px;
    line-height: 60px;
}

.tab-container .row {
    padding: 10px;
}

.tab-container .row .col-auto {
    text-align: center;
}

.tab-container .tab-label {
    font-size: 16px;
    color: #797979;
    text-align: center;
}

.tab-container .tab-label.active {
    color: #139886;
    border-bottom: 2px solid #139886;
}
